﻿@model Everynet.Models.ExtrasModel
@{
    ViewBag.Title = "Extras";
    Layout = "~/Views/Shared/_SignUpLayout.cshtml";
}
<div id='screen'></div>
<div class="body-page">
<h1 class="top-head">Extras</h1>
   <h2 class="signup-form-heading">
        Signup step 3 of 6
    </h2><br />
    @using (Html.BeginForm("ExtrasInsertUpdate", "signUp", FormMethod.Post, new { id = "mySignupExtraForm" }))

{
         @Html.AntiForgeryToken()
    @Html.HiddenFor(m => m.ID)
    @Html.HiddenFor(m => m.selectedExtras)
    <div id='loaderCenter' class="displaynone">
                        <img src="@Url.Content("~/Content/images/ajax_loader_gray.gif")" alt="Please wait..." class="ajax-loader"/>
                         <p class="loadertext">Please wait...</p>
                    </div>

    <table cellpadding="0" cellspacing="0" width="99%" border="0">
       @if (Model.listExtras.Count() > 0)
       {
           foreach (var item in Model.listExtras)
           {
            <tr>
                <td>
                    <table cellpadding="0" cellspacing="0" width="100%" border="0" class="tblExtrasBorderbottom">
                        <tr>
                            <td>
                                <h3 style="margin-bottom:2px;">@item.ExtrasName</h3>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                @foreach (var items in Model.listSubExtras)
                                {
                                    if (items.ExtrasID == item.ExtrasID && items.VisiblePublic == true)
                                    {
                                    <table cellpadding="0" cellspacing="0" width="100%" border="0" class="tblExtras">
                                        <tr>
                                            <td style="width:5%;" id="@items.SubExtrasID">
                                                @Html.CheckBoxFor(x => items.checkExtras, new { @class = "chkExtrasSelected", @rel = @items.SubExtrasID })
                                            </td>
                                            <td style="width: 75%;">
                                               <span class="blue"><b>@items.SubExtrasName</b></span><br />
                                                @items.SubExtrasDetail
                                            </td>
                                            <td style="width: 20%;text-align:center;">
                                                 from
                                                <br />
                                                <b class="blue">$@items.SubExtrasPrice</b><br />
                                                per month 
                                            </td>
                                        </tr>
                                    </table>
                                    }
                                }
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
     
           }
       }
       else
       { 
       <span>Please contact Administrator to add Extras otherwise move further.</span>
       }
    </table>
    <br />
    <div>
        <div class="floatleft">
            <a href="@Url.Action("Availability", "signUp", new { id = @Model.ID })">
                <input type="button" value="Back" class="btncolor btnbottom" id="btnback"/></a></div>
        <div class="padlef500new">
            <a href="@Url.Action("Configuration", "signUp", new { id = @Model.ID })">
                <input type="submit" value="Next" class="btncolor btnbottom" id="btnnext"/></a></div>

                 @Html.Hidden("hdnReplace", @Url.Action("ReplaceText", "signUp", new { id = @Model.ID }))
    </div>
}
</div>
@section JavaScriptSignUp
{
 <script src="@Url.Content("~/Scripts/client/Extras.js")" type="text/javascript"></script>
}
